<template>
  <div id="homeContainer">
    <svg t="1651910008841" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
      p-id="961" width="200" height="200">
      <path
        d="M812.6 97.9h-76.8c-41.7 0-75.9 34.2-75.9 75.9v125.6c26.2 15 42.2 44.8 37.8 76.4l-37.8 268.3v208.7c0 41.7 34.2 75.9 75.9 75.9h76.8c41.7 0 75.9-34.2 75.9-75.9v-679c0-41.8-34.1-75.9-75.9-75.9z"
        fill="#05A9D9" p-id="962"></path>
      <path
        d="M633 290l-76.1-10.7c-41.3-5.8-79.9 23.2-85.7 64.6L448 508.3c34.3 19.1 49 61.9 32.2 98l-65.9 141.8-11.7 83.4c-5.8 41.3 23.2 79.9 64.6 85.7l76.1 10.7c41.3 5.8 79.9-23.2 85.7-64.6L659.9 644V299.4c-8.1-4.7-17.1-8-26.9-9.4z"
        fill="#99C236" p-id="963"></path>
      <path d="M659.8 299.4v344.7l37.8-268.3c4.4-31.6-11.6-61.5-37.8-76.4z" fill="#009F43" p-id="964"></path>
      <path
        d="M443.3 505.5l-69.7-32.4c-37.9-17.6-83.2-1-100.8 36.8L143.4 788.4c-17.6 37.9-1 83.2 36.8 100.8l69.7 32.4c37.9 17.6 83.2 1 100.8-36.8l63.5-136.7L448 508.3c-1.6-0.9-3-2-4.7-2.8z"
        fill="#FDBA3E" p-id="965"></path>
      <path d="M448 508.3l-33.8 239.9 65.9-141.8c16.9-36.3 2.3-79-32.1-98.1z" fill="#CAC134" p-id="966"></path>
    </svg>
    <h1>DataFlow —— 基于Java的分布式数据同步平台</h1>
  </div>

</template>

<script lang="ts" setup>
</script>

<style>
#homeContainer {
  height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
</style>